var loading = false; //状态标记+
var app = new Vue({
    el: '#app',
    data: {
		onLoading:true,//页面加载中
		assDetails:{
			list:[],
		},
		commentList:{list:[],total:0},
		objectId:"",//当前对象id
		messageval:"",
		bottomImg:"",//底部广告图
		is_collect:0,//是否收藏
		userId:0,//当前用户id
		hideing: true,
		pageIndex:1,//当前页
		pageSize:5,//每次加载5页
		isShare:0,//是否为分享进来的页面  0:否  1：是
		appShareTitle:'',//app分享后显示的标题
		isDown:true,//是否显示下载提示弹出
    },
    created:function(){
		//获得当前对象id
		this.objectId =  $.getPara('id');
		//获得用户id
		if ($.getPara("userId") != "") {
			this.userId = $.getPara("userId");
			//缓存用户ID
			$.setStorage("userId", this.userId);
		} else {
			if ($.getStorage("userId") && $.getStorage("userId") != "") {
				this.userId = parseInt($.getStorage("userId"));  
			}
		}
		if($.getPara("isShare") != "" ){
        	this.isShare = $.getPara("isShare");
        }
		//console.log(this.userId)
		FastClick.attach(document.body);
	    this.getDetails(this.objectId);
		this.getCommentList();
		this.getBottomImg();
	    $("#asso-news li").last().css("border-bottom","none");
	},
	mounted() {
        var that = this;
        this.$nextTick(function() {
            $(document.body).infinite().on("infinite", function() {
                if (loading) return;
                loading = true;
                that.hideing = false;
                setTimeout(function() {
                    // console.log("已经加载出来了+")
                    var pageIndex = that.pageIndex;
                    pageIndex++;
                    that.pageIndex = pageIndex;
                    that.getCommentList();
					loading = false;
                }, 1500); //模拟延迟
            });
            // 此处填第一次渲染完成后执行的代码
        })
    },
    methods:{
 			//获取详情
 			getDetails(id){
				var that =this;
 				var id = id;
 				$.ajax({
 					type:"GET",
 					url:"/api/college/detail",
 					dataType: 'json',
 					data:{
						 id:id,
						 userId:that.userId
 					},
 					success:function(res){
						// console.log(res);
						res.data.keywords = JSON.parse(res.data.keywords);
						that.assDetails = res.data;
						//console.log(that.assDetails);
						that.is_collect = that.assDetails.is_collect;
						if(that.is_collect == 1){//收藏状态
							that.$set(that.assDetails,"is_collect", 1)
						}else{
							that.$set(that.assDetails,"is_collect", 0)
						}
						that.appShareTitle = res.data.title;
						// console.log(that.appShareTitle);
						setTimeout(function(){
							// that.$options.methods.changeTitle();//在test3中调用test2的方法 
							that.changeTitle();//在test3中调用test2的方法 
							that.onLoading = false;
						},1200);
						
						
 					},
 				})
 			},
 			//评论列表
 			getCommentList(Index){
 				var that = this;
				 let index  = Index;
				// console.log(index);
				if(index){//如果有参数
					that.pageIndex = index;
				}
 				$.ajax({
 					type:"GET",
 					url: + "/api/comment/common/list",
 					dataType: 'json',
 					data:{
 						type:3,
 						objectId:that.objectId,
 						userId:that.userId,
 						pageIndex:that.pageIndex,
 						pageSize:that.pageSize//每次加载5条
 					},
 					success:function(res){
						// console.log(res)
						if (res.code == 200) {
							var list = res.data.list;
							that.commentList.total = res.data.total;
							if(that.commentList.list.length>0){//原来有数据，加载更多
								if (list.length > 0) {
	
									var original = that.commentList.list;
		
									var array = original.concat(list);
									// console.log(array)
									that.commentList.list = array;
								} else {
									loading = true;
									$.toast("没有更多了...","text")
								}
								//更新状态
								that.hideing = true;
							}else{//
								that.commentList.list = res.data.list;
								that.hideing = true;
								// loading = true;
							}
						
						} else {
							//添加数据
							$.toast(res.msg, "text");
						} 
						//that.commentList = res.data;
 					},
 				})		
			 },
			/*
			 广告图位置：
			1.首页 3个位置
			2.故事与回忆  详情  底部
			3.学院 详情  底部
			4.协会 详情  底部
			5.媒体 详情  底部
			6.设备 评测详情  底部
			7.分站-主页 4个位置
			8.分站  活动详情  底部
			9.动态 详情 底部
			10.人物  详情 底部
			11.访谈 详情  底部
			12.心情 详情 底部
			13.活动  详情  底部
			14.资讯 详情  底部
			15.展会 主页 
			16.展会  详情  底部
			
			*/
			 getBottomImg(){
				var that = this;
				$.ajax({
					type: "GET",
					url:"/api/banner-ad/ad/byPositionType",
					dataType: 'json',
					data: {
						positionType:3//看上面注释
					},
					success: function (res) {
						// console.log(res)
						if(res.data != "" ){
							// console.log(res.data);
							that.bottomImg = res.data;
						}else{
							$.toast(res.msg,"text");
						}
					},
				})
			},
 			//收藏
			chooseCollect(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
            	if(this.userId && this.userId > 0){
					var  that = this;
					if(this.userId != false ){
						//1资讯，2供应，3求购，4设备，5印厂
						$.ajax({
							type:"POST",
							url:"/api/collect/collect",
							dataType: 'json',
							data:{
								userId:that.userId,
								type:8,
								objectId:that.objectId,	
							},
							success:function(res){
								if(res.code == 200){
									$.toast("收藏成功","text");
									that.$set(that.assDetails,"is_collect", 1)
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
 			},
 			//取消收藏
			chanceCollect(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
            	if(this.userId && this.userId > 0){
					var  that = this;
					if(this.userId != false ){
						//1资讯，2供应，3求购，4设备，5印厂
						$.ajax({
							type:"POST",
							url:"/api/collect/cancelCollect",
							dataType: 'json',
							data:{
								type:8,
								objectId:that.objectId,
								userId:that.userId,
							},
							success:function(res){
								if(res.code == 200){
									$.toast("取消收藏成功", "text");
									that.$set(that.assDetails,"is_collect", 0)
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
 			},
			//发表评论
			//评论对象类型：1故事回忆，2话题，3学院，4协会，5媒体，6心情，7动态
			sendMessage(){
				//添加一个强制登录以获取userId
				//获取到userId字段内容并且用户id>0已登录   
            	if(this.userId && this.userId > 0){
					let _this = this ;
					var val = this.messageval;
					if(_this.userId != false){
						if(val == ""){
							$.toast("请填写评论", "text");
							return false;
						};
						$.ajax({
							type:"POST",
							url:"/api/comment/common/publish",
							dataType: 'json',
							data:{
								type:3,
								objectId:_this.objectId,
								userId:_this.userId,
								comment:val
							},
							success:function(res){
								if(res.code == 200){
									$.toast("评论成功", "text");
									_this.messageval = "";
									_this.commentList.list = [];//清空原有数据
									_this.getCommentList(1);//每次评论成功之后，默认加载第一页
									loading = false;
								}
							},
						})	
					}
				}else{
					//用户未登录
					if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //判断iPhone|iPad|iPod|iOS
						//默认为iOS系统   
						window.webkit.messageHandlers.appLogin.postMessage(null);
					}else {
						//pc
						alert("PC浏览器-appLogin");
					};
				}
			},
			////路径跳转-学院详情
	        urlHref(item) {
	            var para = {};
	            para.title = "学院详情";
	            para.type = "collegeDetails";
	            para.url = '/template/collegeDetails.html?id=' + item.id;
	            //window.location.href =para.url;
	            if (this.userId > 0) {
	                para.url = '/template/collegeDetails.html?id=' + item.id + "&userId=" + this.userId;
	            }
	            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
	                //是android系统  目前协议 安卓只能传字符串过去
	                // alert("Android系统");
	                jsAndroid.appPush(JSON.stringify(para))
	                    // jsAndroid.appPush("123456")
	            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
	                //默认为iOS系统   
	                window.webkit.messageHandlers.appPush.postMessage(para);
	            } else {
	                //pc
	                window.location.href = para.url;
	                alert("PC浏览器");
	            };
	        },
		//调用原生分享
		appShare(item) {
			/*参数：
			标题：title
			内容：content, 暂未确定
			图片：imgurl
			路径：url*/
			var para = {};
			para.title = item.title;
			para.content = "来自印刷搜搜的分享";
			para.imgurl = item.head_img;
			/*
				分享出去的页面仅做展示效果，无法处理用户登录操作
				因此，userId需要传0
				isShare为是否分享标识，1:是分享页面，
				H5端要在有分享功能的页面用url的isShare==1判断是否隐藏需要登录才能显示或者操作的区域
			*/
			para.url = '/template/collegeDetails.html?isShare=1&id='+ item.id+"&userId=0";
			//window.location.href =para.url;
			if (/(Android)/i.test(navigator.userAgent)) { //判断Android
				//是android系统  目前协议 安卓只能传字符串过去
				// alert("Android系统");
				jsAndroid.appShare(JSON.stringify(para))
					// jsAndroid.appPush("123456")
			} else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
				//默认为iOS系统   
				window.webkit.messageHandlers.appShare.postMessage(para);
			} else {
				//pc
				window.location.href = para.url;
				alert("PC浏览器");
			};
		},
		 //判断是否是微信浏览器的函数
		 isWeiXin(){
            //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
            var ua = window.navigator.userAgent.toLowerCase();
            //通过正则表达式匹配ua中是否含有MicroMessenger字符串
            if(ua.match(/MicroMessenger/i) == 'micromessenger'){
                return true;
            }else{
                return false;
            }
        },
        //动态修改title
        changeTitle(){
            let that = this;
            //动态修改title
            let t = that.appShareTitle;
            // console.log(t);
            //判断是否微信环境
            if(that.isWeiXin()){
                // 是微信浏览器，执行操作
                // alert("微信");
                var $body = $('body');
                // document.title = 'the title you want to set';
                document.title = t;
                var $iframe = $("<iframe style='display:none;'></iframe>");
                $iframe.on('load',function() {
                setTimeout(function() {
                $iframe.off('load').remove();
                }, 0);
                }).appendTo($body);
            }else{
            // 　　alert("不是微信");
                document.title  = t;
            }
		},
		   //下载app
		   downApp(){
            console.log("我要下载了");
            if (/(Android)/i.test(navigator.userAgent)) { //判断Android
                //是android系统  目前协议 安卓只能传字符串过去
                // alert("Android系统");
                window.location.href = "http://sj.qq.com/myapp/detail.htm?apkName=com.meijiang.printsearch";
            } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
                //默认为iOS系统   
                window.location.href = "https://itunes.apple.com/cn/app/%E5%8D%B0%E5%88%B7%E6%90%9C%E6%90%9C/id1415458460?mt=8";
            } else {
                alert("PC浏览器");
            };
        },
	   }	
  })

